.p2r(@px, @base-font-size: 75.0px) {
  @return(@px / @base-font-size)* 1 rem;
}

.pr(@px, @base-font-size: 75.0) {
  @return(@px / @base-font-size)* 1 rem;
}

.font-dpr(@font-size) {
  font-size: ceil(@font-size);
  [data-dpr="2"] & {
    font-size: ceil(@font-size * 2);
  }
  [data-dpr="3"] & {
    font-size: ceil(@font-size * 3);
  }
}

.ellipsis(@width,@isMaxWidth:false) {
@if unit(@width)= = "px" {
  @if(@isMaxWidth) {
  max-width: p2r(@width)
} @else {
  width: p2r(@width);
}
} @else {
  @if(@isMaxWidth) {
  max-width: @width;
} @else {
  width: @width;
}
} overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.linesEllipsis(@line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @line;
  -webkit-box-orient: vertical;
}

.item_center() {
  display: flex;
  justify-content: center;
  align-items: center;
}

.clearfix {
  zoom: 1;
  clear: both
}

.clearfix:before, .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.fl {
  float: left;
}

.fr {
  float: right;
}
